<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业管理系统 - 评论管理</title>
	<script src="js/jquery.js"></script>
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/backComment.css">
</head>

<body>
    <!-- 左侧导航栏 -->
    <div class="sidebar">
        <div class="logo">
            <div class="logo-text">后台管理系统</div>
        </div>

        <a href="backVideo.html" class="nav-item">
            <i class="fas fa-video"></i>
            <span>视频管理</span>
        </a>
        <a href="backDanmaku.html" class="nav-item">
            <i class="fas fa-comment-dots"></i>
            <span>弹幕管理</span>
        </a>
        <a href="backReview.html" class="nav-item">
            <i class="fas fa-check-circle"></i>
            <span>视频审核</span>
        </a>
        <a href="#" class="nav-item active">
            <i class="fas fa-comments"></i>
            <span>评论管理</span>
        </a>
        <!-- 新增的用户管理模块 -->
        <a href="backUser.html" class="nav-item">
            <i class="fas fa-users"></i>
            <span>用户管理</span>
        </a>
        <a href="backData.html" class="nav-item">
            <i class="fas fa-chart-line"></i>
            <span>数据统计</span>
        </a>
        <a href="#" class="nav-item">
            <i class="fas fa-clipboard-list"></i>
            <span>日志管理</span>
        </a>
    </div>

    <!-- 主内容区 -->
    <div class="main-content">
        <!-- 顶部工具栏 -->
        <div class="top-bar">
            <div class="search-box">
            </div>

            <div class="user-actions">
                <div class="notification">
                    <i class="fas fa-bell"></i>
                </div>
                <div class="user-profile">
                    <div class="user-avatar"></div>
                    <div class="username">管理员</div>
                </div>
            </div>
        </div>

        <!-- 内容区域 -->
        <div class="content-area">
            <h1 class="section-title"><i class="fas fa-comments"></i> 评论管理</h1>

            <!-- 评论管理模块 -->
            <div class="comment-management">
                <!-- 筛选工具栏 -->
                <div class="filter-toolbar">
                    <div class="filter-group">
                        <label class="filter-label">状态筛选</label>
                        <select class="filter-select">
                            <option>全部状态</option>
                            <option>正常</option>
                            <option>已删除</option>
                        </select>
                    </div>

                    <div class="filter-group">
                        <label class="filter-label">视频名称</label>
                        <input type="text" class="filter-input" placeholder="输入视频名称">
                    </div>

                    <div class="filter-group">
                        <label class="filter-label">用户ID</label>
                        <input type="text" class="filter-input" placeholder="输入用户ID">
                    </div>

                    <div class="filter-buttons">
                        <a class="btn btn-outline" href="backComment.html">
                            <i class="fas fa-redo"></i> 重置
                        </a>
                    </div>
                </div>

                <!-- 评论列表 -->
                <div class="comment-list-container">
                    <div class="comment-list-header">
                        <div>用户</div>
                        <div>评论内容</div>
                        <div>评论时间</div>
                        <div>状态</div>
                        <div>操作</div>
                    </div>

                    <!-- 评论项1 -->
                    <div id="commentList">
	                    
	                </div>
                </div>

                <!-- 分页控件 -->
                <div class="pagination">
                    <button disabled><i class="fas fa-chevron-left"></i></button>
                    <button class="active"></button>
                    <button></button>
                    <button></button>
                    <button></button>
                    <button></button>
                    <button><i class="fas fa-chevron-right"></i></button>
                </div>
            </div>
        </div>
    </div>
	<div id="prompt"></div>

    <script src="js/backComment.js">

    </script>
</body>
<script>
	$.ajax({
		url:"administorInfo",
		type:"post",
		success:function(data){
			$(".user-avatar").css({
				"background-image":"url("+data.data.avatarUrl+")",
				"background-size":"cover"
			}).text("");
			$(".username").text(data.data.nickname)
		}
	})
</script>
</html>